<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>DEPTHJS | MIT Media Lab</title>
  <meta name="description" content="" />

  <link rel="stylesheet" href="css/helvetica1/stylesheet.css" />
  <link rel="stylesheet" href="css/helvetica2/stylesheet.css" />
  <link rel="stylesheet" href="css/screen.css" />
  <script type="text/javascript">

    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-20270689-1']);
    _gaq.push(['_trackPageview']);

    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();

  </script>
</head>

<body>
  <div id="container">
    <div id="logo">
      <div id="depthjs">
        Depth<span id="sub">JS</span>
        <div id="medialab"><a href="http://media.mit.edu/">MIT Media Lab</a></div>
      </div>
    </div>
    <div class="clear"></div>
    <div id="slogan">DepthJS allows any web page to interact with the Microsoft Kinect using Javascript.<br><a href="#">Download it for Safari</a> <a href="#">Download it for Chrome</a><br><span>(One-click install coming soon!)</span></div>

    <div id="description">
      <iframe src="http://player.vimeo.com/video/17180651?title=0&amp;byline=0&amp;portrait=0&amp;color=ff9933"
      width="860" height="484" frameborder="0"></iframe>
    </div>
    <div class="header">About</div>
    <div class="smallText">
        Navigating the web is only one application of the framework we built - that is, we envision all sorts of applications that run in the browser, from games to specific utilities for specific sites. The great part is that now web developers who specialize in Javascript can work with the Kinect without having to learn any special languages or code. We believe this will allow a new set of interactions beyond what we first developed.<br><br>
        DepthJS is open source under the AGPL license. <a href="http://github.com/doug/depthjs">Get the source here.</a>
    </div>

    <div class="header">The crew</div>
    <div class="smallText">
      <div class="profile">
        <img src="http://fluid.media.mit.edu/images/aaron.jpg">
        <div class="profileLink"><a href="http://web.media.mit.edu/~azinman">Aaron Zinman</a></div>
        <div class="description">
          Code. Food. Wine.
        </div>
      </div>

      <div class="profile">
        <img src="http://fluid.media.mit.edu/images/doug.jpg">
        <a href="http://dougfritz.com">Doug Fritz</a>
        <div class="description">
          Code. Art. Whiskey.
        </div>
      </div>
      <div class="profile">
        <img src="http://eco.media.mit.edu/static/images/greg.png">
        <a href="http://gregtelliott.com">Greg Elliott</a>
        <div class="description">
          UI. Code. Drumming.
        </div>
      </div>
      <div class="profile">
        <img src="http://fluid.media.mit.edu/images/roy.jpg">
        <a href="http://morethantechnical.com/">Roy Shilkrot</a>
        <div class="description">
          Vision. Code. Sleep.
        </div>
      </div>
      <div class="clear"></div>
    </div>

    <div id="footer">
      <a href="http://media.mit.edu">MIT Media Lab :: 2010</a>

    </div>
  </div>

</body>
</html>
